<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <textarea id="demo" cols="30" rows="10"></textarea>
</body>
<script>
    // 事件对象相关的属性_键盘事件
    // key 事件触发时按键对应的字符
    // code 事件触发时对应的按键符
    // isComposing  事件触发时是否正在输入(中文输入法 => 了解)
    // keyCode   在onkeydown/onkeyup事件中,表示事件触发时,按键对应的键盘码(类似ASCII码,但是不一样,每个按键都有对应的键盘码  => 主要关注每个按键对应的键盘码)
    //           在onkeypress事件中,,表示事件触发时,按键对应的字符对应字符的编码 (按键对应的字符  => 字符编码ASCII )

    var demo = document.getElementById("demo");

    // demo.onkeydown = function(e){
    //     console.log("按键被按下",e);
    //     // console.log(e.code,e.key);
    //     console.log(e.key,e.code,e.keyCode);
    //     // console.log(e.isComposing);
    // }


    // demo.onkeypress = function(e){
    //     console.log("按键被按下");
    //     console.log(e.key,e.code,e.keyCode);
    // }

    // 快捷键  => 按键相关
    document.onkeydown = function(e){
        console.log("按键被按下");
        console.log(e.code,e.keyCode);
        var keyCode = e.keyCode;
        if(e.ctrlKey &&  keyCode == 67){ // ctrl + c
            console.log("按下了ctrl+c:复制");
        }else if(e.ctrlKey && keyCode == 86){ // ctrl + c
            console.log("按下了ctrl+v:粘贴");
        }else if(e.ctrlKey && keyCode == 86){ // ctrl + v
            console.log("按下了ctrl+v:粘贴");
        }else if(e.ctrlKey && keyCode == 13){ // ctrl + enter
            console.log("按下了ctrl+enter:快捷发送");
        }
    }



</script>
</html>